
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TodoList应用测试报告</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6;
            color: #333;
            background-color: #f5f5f5;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        
        .header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 30px;
            border-radius: 10px;
            margin-bottom: 30px;
            text-align: center;
        }
        
        .header h1 {
            font-size: 2.5em;
            margin-bottom: 10px;
        }
        
        .header p {
            font-size: 1.2em;
            opacity: 0.9;
        }
        
        .summary-cards {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            margin-bottom: 30px;
        }
        
        .card {
            background: white;
            padding: 25px;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            text-align: center;
        }
        
        .card h3 {
            font-size: 2.5em;
            margin-bottom: 10px;
        }
        
        .card.passed h3 { color: #27ae60; }
        .card.failed h3 { color: #e74c3c; }
        .card.total h3 { color: #3498db; }
        .card.rate h3 { color: #f39c12; }
        
        .section {
            background: white;
            margin-bottom: 30px;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }
        
        .section-header {
            background: #34495e;
            color: white;
            padding: 20px;
            font-size: 1.3em;
            font-weight: bold;
        }
        
        .section-content {
            padding: 25px;
        }
        
        .feature-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
        }
        
        .feature-module {
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 20px;
            background: #fafafa;
        }
        
        .feature-module h4 {
            color: #2c3e50;
            margin-bottom: 15px;
            font-size: 1.2em;
        }
        
        .feature-list {
            list-style: none;
        }
        
        .feature-list li {
            padding: 5px 0;
            border-bottom: 1px solid #eee;
        }
        
        .feature-list li:last-child {
            border-bottom: none;
        }
        
        .test-results {
            overflow-x: auto;
        }
        
        .test-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }
        
        .test-table th,
        .test-table td {
            padding: 12px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }
        
        .test-table th {
            background-color: #f8f9fa;
            font-weight: bold;
        }
        
        .status {
            padding: 5px 10px;
            border-radius: 20px;
            font-size: 0.9em;
            font-weight: bold;
        }
        
        .status.passed {
            background-color: #d4edda;
            color: #155724;
        }
        
        .status.failed {
            background-color: #f8d7da;
            color: #721c24;
        }
        
        .status.pending {
            background-color: #fff3cd;
            color: #856404;
        }
        
        .module-stats {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 15px;
        }
        
        .module-stat {
            background: #f8f9fa;
            padding: 15px;
            border-radius: 8px;
            border-left: 4px solid #3498db;
        }
        
        .module-stat h5 {
            margin-bottom: 10px;
            color: #2c3e50;
        }
        
        .progress-bar {
            background-color: #e9ecef;
            border-radius: 10px;
            overflow: hidden;
            height: 20px;
            margin-top: 10px;
        }
        
        .progress-fill {
            height: 100%;
            background: linear-gradient(90deg, #27ae60, #2ecc71);
            transition: width 0.3s ease;
        }
        
        .footer {
            text-align: center;
            padding: 20px;
            color: #7f8c8d;
            font-size: 0.9em;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>📋 TodoList应用测试报告</h1>
            <p>生成时间: 2025/8/21 10:28:22</p>
            <p>测试耗时: 3317ms</p>
        </div>
        
        <div class="summary-cards">
            <div class="card total">
                <h3>30</h3>
                <p>总测试数</p>
            </div>
            <div class="card passed">
                <h3>30</h3>
                <p>通过测试</p>
            </div>
            <div class="card failed">
                <h3>0</h3>
                <p>失败测试</p>
            </div>
            <div class="card rate">
                <h3>100.00%</h3>
                <p>成功率</p>
            </div>
        </div>
        
        <div class="section">
            <div class="section-header">📊 模块测试结果</div>
            <div class="section-content">
                <div class="module-stats">
                    
                        <div class="module-stat">
                            <h5>用户认证</h5>
                            <p>3/3 通过</p>
                            <div class="progress-bar">
                                <div class="progress-fill" style="width: 100.0%"></div>
                            </div>
                            <small>100.0% 成功率</small>
                        </div>
                      
                        <div class="module-stat">
                            <h5>清单管理</h5>
                            <p>3/3 通过</p>
                            <div class="progress-bar">
                                <div class="progress-fill" style="width: 100.0%"></div>
                            </div>
                            <small>100.0% 成功率</small>
                        </div>
                      
                        <div class="module-stat">
                            <h5>任务管理</h5>
                            <p>4/4 通过</p>
                            <div class="progress-bar">
                                <div class="progress-fill" style="width: 100.0%"></div>
                            </div>
                            <small>100.0% 成功率</small>
                        </div>
                      
                        <div class="module-stat">
                            <h5>重复任务</h5>
                            <p>2/2 通过</p>
                            <div class="progress-bar">
                                <div class="progress-fill" style="width: 100.0%"></div>
                            </div>
                            <small>100.0% 成功率</small>
                        </div>
                      
                        <div class="module-stat">
                            <h5>视图和过滤</h5>
                            <p>3/3 通过</p>
                            <div class="progress-bar">
                                <div class="progress-fill" style="width: 100.0%"></div>
                            </div>
                            <small>100.0% 成功率</small>
                        </div>
                      
                        <div class="module-stat">
                            <h5>番茄钟</h5>
                            <p>2/2 通过</p>
                            <div class="progress-bar">
                                <div class="progress-fill" style="width: 100.0%"></div>
                            </div>
                            <small>100.0% 成功率</small>
                        </div>
                      
                        <div class="module-stat">
                            <h5>白噪音</h5>
                            <p>2/2 通过</p>
                            <div class="progress-bar">
                                <div class="progress-fill" style="width: 100.0%"></div>
                            </div>
                            <small>100.0% 成功率</small>
                        </div>
                      
                        <div class="module-stat">
                            <h5>数据同步</h5>
                            <p>3/3 通过</p>
                            <div class="progress-bar">
                                <div class="progress-fill" style="width: 100.0%"></div>
                            </div>
                            <small>100.0% 成功率</small>
                        </div>
                      
                        <div class="module-stat">
                            <h5>数据管理</h5>
                            <p>2/2 通过</p>
                            <div class="progress-bar">
                                <div class="progress-fill" style="width: 100.0%"></div>
                            </div>
                            <small>100.0% 成功率</small>
                        </div>
                      
                        <div class="module-stat">
                            <h5>统计分析</h5>
                            <p>1/1 通过</p>
                            <div class="progress-bar">
                                <div class="progress-fill" style="width: 100.0%"></div>
                            </div>
                            <small>100.0% 成功率</small>
                        </div>
                      
                        <div class="module-stat">
                            <h5>应用设置</h5>
                            <p>1/1 通过</p>
                            <div class="progress-bar">
                                <div class="progress-fill" style="width: 100.0%"></div>
                            </div>
                            <small>100.0% 成功率</small>
                        </div>
                      
                        <div class="module-stat">
                            <h5>AI智能功能</h5>
                            <p>1/1 通过</p>
                            <div class="progress-bar">
                                <div class="progress-fill" style="width: 100.0%"></div>
                            </div>
                            <small>100.0% 成功率</small>
                        </div>
                      
                        <div class="module-stat">
                            <h5>界面交互</h5>
                            <p>2/2 通过</p>
                            <div class="progress-bar">
                                <div class="progress-fill" style="width: 100.0%"></div>
                            </div>
                            <small>100.0% 成功率</small>
                        </div>
                      
                        <div class="module-stat">
                            <h5>Electron桌面功能</h5>
                            <p>1/1 通过</p>
                            <div class="progress-bar">
                                <div class="progress-fill" style="width: 100.0%"></div>
                            </div>
                            <small>100.0% 成功率</small>
                        </div>
                      
                </div>
            </div>
        </div>
        
        <div class="section">
            <div class="section-header">🔧 功能模块清单</div>
            <div class="section-content">
                <div class="feature-grid">
                    
                        <div class="feature-module">
                            <h4>用户认证 (5个功能)</h4>
                            <ul class="feature-list">
                                <li>• 用户注册</li><li>• 用户登录</li><li>• 用户登出</li><li>• 游客模式</li><li>• 登录状态保持</li>
                            </ul>
                        </div>
                    
                        <div class="feature-module">
                            <h4>清单管理 (6个功能)</h4>
                            <ul class="feature-list">
                                <li>• 创建新清单</li><li>• 编辑清单名称</li><li>• 设置清单颜色</li><li>• 删除清单</li><li>• 切换当前清单</li><li>• 清单排序</li>
                            </ul>
                        </div>
                    
                        <div class="feature-module">
                            <h4>任务管理 (10个功能)</h4>
                            <ul class="feature-list">
                                <li>• 添加新任务</li><li>• 编辑任务内容</li><li>• 设置任务优先级</li><li>• 设置任务截止日期</li><li>• 设置任务开始时间</li><li>• 添加任务备注</li><li>• 标记任务完成</li><li>• 删除任务</li><li>• 任务拖拽排序</li><li>• 批量操作任务</li>
                            </ul>
                        </div>
                    
                        <div class="feature-module">
                            <h4>重复任务 (5个功能)</h4>
                            <ul class="feature-list">
                                <li>• 设置每日重复</li><li>• 设置每周重复</li><li>• 设置每月重复</li><li>• 停止任务重复</li><li>• 重复任务系列管理</li>
                            </ul>
                        </div>
                    
                        <div class="feature-module">
                            <h4>视图和过滤 (9个功能)</h4>
                            <ul class="feature-list">
                                <li>• 收件箱视图</li><li>• 今日任务视图</li><li>• 明日任务视图</li><li>• 高优先级视图</li><li>• 中优先级视图</li><li>• 低优先级视图</li><li>• 已完成任务视图</li><li>• 日历视图</li><li>• 任务搜索功能</li>
                            </ul>
                        </div>
                    
                        <div class="feature-module">
                            <h4>番茄钟 (7个功能)</h4>
                            <ul class="feature-list">
                                <li>• 启动番茄钟</li><li>• 暂停番茄钟</li><li>• 停止番茄钟</li><li>• 自定义时长</li><li>• 提示音设置</li><li>• 番茄钟统计</li><li>• 任务关联番茄钟</li>
                            </ul>
                        </div>
                    
                        <div class="feature-module">
                            <h4>白噪音 (5个功能)</h4>
                            <ul class="feature-list">
                                <li>• 播放白噪音</li><li>• 暂停白噪音</li><li>• 切换音效类型</li><li>• 音量调节</li><li>• 循环播放设置</li>
                            </ul>
                        </div>
                    
                        <div class="feature-module">
                            <h4>数据同步 (6个功能)</h4>
                            <ul class="feature-list">
                                <li>• 手动同步</li><li>• 自动同步</li><li>• 定时同步</li><li>• 同步状态显示</li><li>• 冲突解决</li><li>• 同步历史记录</li>
                            </ul>
                        </div>
                    
                        <div class="feature-module">
                            <h4>数据管理 (5个功能)</h4>
                            <ul class="feature-list">
                                <li>• 数据导出</li><li>• 数据导入</li><li>• 数据备份</li><li>• 清空所有数据</li><li>• 本地存储管理</li>
                            </ul>
                        </div>
                    
                        <div class="feature-module">
                            <h4>统计分析 (5个功能)</h4>
                            <ul class="feature-list">
                                <li>• 任务完成统计</li><li>• 时间使用分析</li><li>• 效率趋势图表</li><li>• 番茄钟统计</li><li>• 每日/周/月报告</li>
                            </ul>
                        </div>
                    
                        <div class="feature-module">
                            <h4>应用设置 (7个功能)</h4>
                            <ul class="feature-list">
                                <li>• 主题切换</li><li>• 语言设置</li><li>• 通知设置</li><li>• 快捷键设置</li><li>• 自动同步设置</li><li>• 定时同步设置</li><li>• 存储路径查看</li>
                            </ul>
                        </div>
                    
                        <div class="feature-module">
                            <h4>AI智能功能 (4个功能)</h4>
                            <ul class="feature-list">
                                <li>• AI任务规划</li><li>• AI时间建议</li><li>• AI任务分解</li><li>• AI配置管理</li>
                            </ul>
                        </div>
                    
                        <div class="feature-module">
                            <h4>界面交互 (6个功能)</h4>
                            <ul class="feature-list">
                                <li>• 响应式布局</li><li>• 键盘快捷键</li><li>• 拖拽操作</li><li>• 模态框操作</li><li>• 提示信息显示</li><li>• 加载状态显示</li>
                            </ul>
                        </div>
                    
                        <div class="feature-module">
                            <h4>Electron桌面功能 (6个功能)</h4>
                            <ul class="feature-list">
                                <li>• 窗口控制</li><li>• 系统托盘</li><li>• 菜单栏</li><li>• 文件系统访问</li><li>• 系统通知</li><li>• 自动更新</li>
                            </ul>
                        </div>
                    
                </div>
            </div>
        </div>
        
        <div class="section">
            <div class="section-header">📋 详细测试结果</div>
            <div class="section-content">
                <div class="test-results">
                    <table class="test-table">
                        <thead>
                            <tr>
                                <th>测试名称</th>
                                <th>模块</th>
                                <th>状态</th>
                                <th>耗时</th>
                                <th>描述</th>
                            </tr>
                        </thead>
                        <tbody>
                            
                                <tr>
                                    <td>用户注册功能</td>
                                    <td>用户认证</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>116ms</td>
                                    <td>测试用户注册流程</td>
                                </tr>
                            
                                <tr>
                                    <td>用户登录功能</td>
                                    <td>用户认证</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>112ms</td>
                                    <td>测试用户登录流程</td>
                                </tr>
                            
                                <tr>
                                    <td>游客模式限制</td>
                                    <td>用户认证</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>107ms</td>
                                    <td>测试游客模式下的功能限制</td>
                                </tr>
                            
                                <tr>
                                    <td>创建新清单</td>
                                    <td>清单管理</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>109ms</td>
                                    <td>测试创建新清单功能</td>
                                </tr>
                            
                                <tr>
                                    <td>编辑清单</td>
                                    <td>清单管理</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>110ms</td>
                                    <td>测试编辑清单名称和颜色</td>
                                </tr>
                            
                                <tr>
                                    <td>删除清单</td>
                                    <td>清单管理</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>111ms</td>
                                    <td>测试删除清单功能</td>
                                </tr>
                            
                                <tr>
                                    <td>添加新任务</td>
                                    <td>任务管理</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>110ms</td>
                                    <td>测试添加新任务功能</td>
                                </tr>
                            
                                <tr>
                                    <td>编辑任务</td>
                                    <td>任务管理</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>109ms</td>
                                    <td>测试编辑任务内容和属性</td>
                                </tr>
                            
                                <tr>
                                    <td>完成任务</td>
                                    <td>任务管理</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>109ms</td>
                                    <td>测试标记任务完成</td>
                                </tr>
                            
                                <tr>
                                    <td>删除任务</td>
                                    <td>任务管理</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>109ms</td>
                                    <td>测试删除任务功能</td>
                                </tr>
                            
                                <tr>
                                    <td>设置重复任务</td>
                                    <td>重复任务</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>110ms</td>
                                    <td>测试设置任务重复规则</td>
                                </tr>
                            
                                <tr>
                                    <td>重复任务生成</td>
                                    <td>重复任务</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>108ms</td>
                                    <td>测试重复任务自动生成</td>
                                </tr>
                            
                                <tr>
                                    <td>视图切换</td>
                                    <td>视图和过滤</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>110ms</td>
                                    <td>测试不同视图之间的切换</td>
                                </tr>
                            
                                <tr>
                                    <td>任务过滤</td>
                                    <td>视图和过滤</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>109ms</td>
                                    <td>测试任务过滤功能</td>
                                </tr>
                            
                                <tr>
                                    <td>日历视图</td>
                                    <td>视图和过滤</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>109ms</td>
                                    <td>测试日历视图功能</td>
                                </tr>
                            
                                <tr>
                                    <td>番茄钟基本功能</td>
                                    <td>番茄钟</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>107ms</td>
                                    <td>测试番茄钟启动、暂停、停止</td>
                                </tr>
                            
                                <tr>
                                    <td>番茄钟设置</td>
                                    <td>番茄钟</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>111ms</td>
                                    <td>测试番茄钟时长和提示音设置</td>
                                </tr>
                            
                                <tr>
                                    <td>白噪音播放</td>
                                    <td>白噪音</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>109ms</td>
                                    <td>测试白噪音播放功能</td>
                                </tr>
                            
                                <tr>
                                    <td>白噪音设置</td>
                                    <td>白噪音</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>110ms</td>
                                    <td>测试白噪音音效和音量设置</td>
                                </tr>
                            
                                <tr>
                                    <td>手动同步</td>
                                    <td>数据同步</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>107ms</td>
                                    <td>测试手动数据同步功能</td>
                                </tr>
                            
                                <tr>
                                    <td>自动同步</td>
                                    <td>数据同步</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>110ms</td>
                                    <td>测试自动数据同步功能</td>
                                </tr>
                            
                                <tr>
                                    <td>定时同步</td>
                                    <td>数据同步</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>111ms</td>
                                    <td>测试定时数据同步功能</td>
                                </tr>
                            
                                <tr>
                                    <td>数据导出</td>
                                    <td>数据管理</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>109ms</td>
                                    <td>测试数据导出功能</td>
                                </tr>
                            
                                <tr>
                                    <td>数据导入</td>
                                    <td>数据管理</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>106ms</td>
                                    <td>测试数据导入功能</td>
                                </tr>
                            
                                <tr>
                                    <td>统计数据</td>
                                    <td>统计分析</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>110ms</td>
                                    <td>测试统计数据计算和显示</td>
                                </tr>
                            
                                <tr>
                                    <td>应用设置</td>
                                    <td>应用设置</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>110ms</td>
                                    <td>测试各种应用设置功能</td>
                                </tr>
                            
                                <tr>
                                    <td>AI任务规划</td>
                                    <td>AI智能功能</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>110ms</td>
                                    <td>测试AI任务规划功能</td>
                                </tr>
                            
                                <tr>
                                    <td>键盘快捷键</td>
                                    <td>界面交互</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>109ms</td>
                                    <td>测试键盘快捷键功能</td>
                                </tr>
                            
                                <tr>
                                    <td>拖拽操作</td>
                                    <td>界面交互</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>107ms</td>
                                    <td>测试拖拽操作功能</td>
                                </tr>
                            
                                <tr>
                                    <td>窗口控制</td>
                                    <td>Electron桌面功能</td>
                                    <td><span class="status passed">通过</span></td>
                                    <td>109ms</td>
                                    <td>测试Electron窗口控制功能</td>
                                </tr>
                            
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        
        <div class="footer">
            <p>📄 报告由TodoList自动化测试系统生成</p>
        </div>
    </div>
</body>
</html>
    